*{ list-style:none; margin:0; padding:0;}
article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}
body {font:14px/1.5 "Helvetica Neue",Helvetica,Arial,"Microsoft Yahei","Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;color:#333;min-width:1200px;overflow-x:hidden;}
dl,dt,dd,ul,p,li,form,h1,h2,h3,h4,h5,h6{padding: 0;margin: 0;}
ul{list-style: none;}
img {border:0;-ms-interpolation-mode:bicubic;vertical-align:bottom;}
a {	color:#333; cursor:pointer;	text-decoration:none;transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;}
a:hover {color:#619eef;text-decoration:none}
.clearfix:after{clear: both;height: 0;line-height: 0;font-size: 0;content: ".";display: block; visibility: hidden;}
.clearfix{*zoom:1;}
.fl{ float:left; display:inline;}
.fr{ float:right; display:inline;}
.w1170{width: 1200px; margin: 0 auto;}
.wrap {width: 1200px; margin: 0 auto;}
.m20{margin-top: 20px;}
.m30{margin-top: 30px;}
.m40{margin-top: 40px;}
.mt45{ margin-top:40px;}
.mt50{margin-top: 50px;}
.m60{margin-top: 60px;}
.m80{margin-top: 80px;}
.pd60{ padding-top:60px;}
.clearfix{display:inline-table;}
*html .clearfix{height:1%;}
.clearfix{display:block;}
*+html .clearfix{min-height:1%;}
input,select,textarea{vertical-align:middle;*font-size:100%;}
input{margin:0;outline:none;padding:0;}
input::-ms-clear{display:none;}
.wrap {width: 1200px; margin: 0 auto;}

.header{height:100px; border-bottom:#cccccc solid 1px; width:100%; background:#fff; position: relative; z-index: 99;}
.header .top_a{ background:#f2f2f2; height:38px; width:100%; color:#666666; line-height:38px;}
.header .top_a a{ color:#666; padding-left:8px; padding-right:8px; display:inline-block;}
.header .top_a a:hover{ color:#F00;}
.header .wrap{position:relative; width: 1300px;}
.header .logo{float: left; display:block; height:90px; background:url(../images/logo_bg.gif) 435px 55px no-repeat;}
.header .logo h1{ display:inline-block; margin-top:22px;}
.header .logo i{ display:inline-block; font-style:normal; font-size:14px; margin-left:30px; background:url(../images/icon1.gif) no-repeat 0px 34px; padding-left:15px; color:#da251d; line-height:80px;}
.header .left_top_h{width: 60%; float:right; margin-top: 18px;}
.header .left_top_h span{ color:#177978; font-size:36px; font-weight:bold; background:url(../images/tell.gif) no-repeat 30px 0px; display:inline-block;display:block; text-align:right; line-height: 38px;}
.header .left_top_h p{ color:#000000; font-size:16px; display:block; text-align:right;}
.header .left_top_h p img{vertical-align: middle; padding-right: 4px;}
.header .left_top_h em{ font-style:normal; color:#333333; font-size:14px; display:block; text-align:right; line-height:30px;}

/*导航*/
.nav {
	width: 100%;
	margin: 0 auto;
	text-align: center;
}

.menu,
.menu ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.menu {
	height: 57px;
}

.menu>li {
	display: block;
	float: left;
	position: relative;
    padding: 0 23px;
}

.menu .active{
	border-bottom: 4px solid #619eef;
}

.menu a {
	display: block;
	font-size: 16px;
	line-height: 57px;
	text-decoration: none;
	text-transform: uppercase;
}

.menu a:hover {
	color: #619eef;
	background: none;
}

.menu .submenu{
	width: 100%;
}

.menu .submenu a {
	color: #fff;
	display: block;
	font-size: 14px;
	font-weight: normal;
	line-height: 40px;
	text-decoration: none;
	text-transform: uppercase;
	background: #619eef;
}

.menu .submenu a:hover {
	color: #fff;
	background: #1466b1;
}

.menu>li:hover {
	border-bottom: 4px solid #619eef;
	/* background: -moz-linear-gradient(#1466b1, #1466b1); background: -ms-linear-gradient(#1466b1, #1466b1); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1466b1), color-stop(100%, #1466b1)); background: -webkit-linear-gradient(#1466b1, #1466b1); background: -o-linear-gradient(#1466b1, #1466b1); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1466b1', endColorstr='#1466b1'); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#1466b1', endColorstr='#1466b1')"; background: linear-gradient(#1466b1, #1466b1);*/
}

.submenu {
	left: 0;
	max-height: 0;
	position: absolute;
	top: 100%;
	z-index: 0;
	-webkit-perspective: 400px;
	-moz-perspective: 400px;
	-ms-perspective: 400px;
	-o-perspective: 400px;
	perspective: 400px;
}

.submenu li {
	opacity: 0;
	-webkit-transform: rotateY(90deg);
	-moz-transform: rotateY(90deg);
	-ms-transform: rotateY(90deg);
	-o-transform: rotateY(90deg);
	transform: rotateY(90deg);
	-webkit-transition: opacity .4s, -webkit-transform .5s;
	-moz-transition: opacity .4s, -moz-transform .5s;
	-ms-transition: opacity .4s, -ms-transform .5s;
	-o-transition: opacity .4s, -o-transform .5s;
	transition: opacity .4s, transform .5s;
}

.menu .submenu li:hover a {
	border-radius: 0;
	color: #ffffff;
}

.menu>li:hover .submenu,
.menu>li:focus .submenu {
	width: 100%;
	max-height: 2000px;
	z-index: 10;
}

.menu>li:hover .submenu li,
.menu>li:focus .submenu li {
	width: 100%;
	opacity: 1;
	-webkit-transform: none;
	-moz-transform: none;
	-ms-transform: none;
	-o-transform: none;
	transform: none;
}

.menu li:hover .submenu li:nth-child(1) {
	-webkit-transition-delay: 0s;
	-moz-transition-delay: 0s;
	-ms-transition-delay: 0s;
	-o-transition-delay: 0s;
	transition-delay: 0s;
}

.menu li:hover .submenu li:nth-child(2) {
	-webkit-transition-delay: 50ms;
	-moz-transition-delay: 50ms;
	-ms-transition-delay: 50ms;
	-o-transition-delay: 50ms;
	transition-delay: 50ms;
}

.menu li:hover .submenu li:nth-child(3) {
	-webkit-transition-delay: 100ms;
	-moz-transition-delay: 100ms;
	-ms-transition-delay: 100ms;
	-o-transition-delay: 100ms;
	transition-delay: 100ms;
}

.menu li:hover .submenu li:nth-child(4) {
	-webkit-transition-delay: 150ms;
	-moz-transition-delay: 150ms;
	-ms-transition-delay: 150ms;
	-o-transition-delay: 150ms;
	transition-delay: 150ms;
}

.menu li:hover .submenu li:nth-child(5) {
	-webkit-transition-delay: 200ms;
	-moz-transition-delay: 200ms;
	-ms-transition-delay: 200ms;
	-o-transition-delay: 200ms;
	transition-delay: 200ms;
}

.menu li:hover .submenu li:nth-child(6) {
	-webkit-transition-delay: 250ms;
	-moz-transition-delay: 250ms;
	-ms-transition-delay: 250ms;
	-o-transition-delay: 250ms;
	transition-delay: 250ms;
}

.menu li:hover .submenu li:nth-child(7) {
	-webkit-transition-delay: 300ms;
	-moz-transition-delay: 300ms;
	-ms-transition-delay: 300ms;
	-o-transition-delay: 300ms;
	transition-delay: 300ms;
}

.menu li:hover .submenu li:nth-child(8) {
	-webkit-transition-delay: 350ms;
	-moz-transition-delay: 350ms;
	-ms-transition-delay: 350ms;
	-o-transition-delay: 350ms;
	transition-delay: 350ms;
}

.submenu li:nth-child(1) {
	-webkit-transition-delay: 350ms;
	-moz-transition-delay: 350ms;
	-ms-transition-delay: 350ms;
	-o-transition-delay: 350ms;
	transition-delay: 350ms;
}

.submenu li:nth-child(2) {
	-webkit-transition-delay: 300ms;
	-moz-transition-delay: 300ms;
	-ms-transition-delay: 300ms;
	-o-transition-delay: 300ms;
	transition-delay: 300ms;
}

.submenu li:nth-child(3) {
	-webkit-transition-delay: 250ms;
	-moz-transition-delay: 250ms;
	-ms-transition-delay: 250ms;
	-o-transition-delay: 250ms;
	transition-delay: 250ms;
}

.submenu li:nth-child(4) {
	-webkit-transition-delay: 200ms;
	-moz-transition-delay: 200ms;
	-ms-transition-delay: 200ms;
	-o-transition-delay: 200ms;
	transition-delay: 200ms;
}

.submenu li:nth-child(5) {
	-webkit-transition-delay: 150ms;
	-moz-transition-delay: 150ms;
	-ms-transition-delay: 150ms;
	-o-transition-delay: 150ms;
	transition-delay: 150ms;
}

.submenu li:nth-child(6) {
	-webkit-transition-delay: 100ms;
	-moz-transition-delay: 100ms;
	-ms-transition-delay: 100ms;
	-o-transition-delay: 100ms;
	transition-delay: 100ms;
}

.submenu li:nth-child(7) {
	-webkit-transition-delay: 50ms;
	-moz-transition-delay: 50ms;
	-ms-transition-delay: 50ms;
	-o-transition-delay: 50ms;
	transition-delay: 50ms;
}

.submenu li:nth-child(8) {
	-webkit-transition-delay: 0s;
	-moz-transition-delay: 0s;
	-ms-transition-delay: 0s;
	-o-transition-delay: 0s;
	transition-delay: 0s;
}

/*.nav{ height:58px; line-height: 58px;}
.nav li{display:inline-block; text-align: center;position:relative;}
.nav li a.a1{display: block;text-align: center;font-size: 18px;padding: 0 18px;}
.nav li a.a1:hover,.active{ border-bottom: 4px solid #619eef; }
.nav li.hover a.a1{ background:#ee3a41; color:#619eef;-webkit-box-shadow:0 2px 6px rgba(0,0,0,0.1);box-shadow:0 2px 6px rgba(0,0,0,0.1);}

.nav li.drop-menu-effect:hover a.a1 { border-bottom: 4px solid #619eef; color:#619eef;}
.nav li .submenu {display:none;position:absolute; z-index:99999;}
.pp_slam{ margin:auto;left:50%;z-index:700;width:1018px;margin-left:-532px;height:444px;background: url(../images/pro_bg_top.png) no-repeat;}
.pp_slam .pp_lms{ display:block; text-align:center; padding-top:60px; height:100px;}
.pp_slam .pp_lms li{ display:inline-block; width:80px; padding-left:40px; padding-right:40px;}
.pp_slam .pp_lms li i{ display:block; width:60px; height:60px; margin:auto;}
.pp_slam .pp_lms li:nth-child(1) i{ background:url(../images/naz_1.gif) no-repeat;}
.pp_slam .pp_lms li:nth-child(2) i{background:url(../images/naz_2.gif) no-repeat;}
.pp_slam .pp_lms li:nth-child(3) i{background:url(../images/naz_3.gif) no-repeat;}
.pp_slam .pp_lms li:nth-child(4) i{background:url(../images/naz_4.gif) no-repeat;}
.pp_slam .pp_lms li:nth-child(5) i{background:url(../images/naz_5.gif) no-repeat;}
.pp_slam .pp_lms li:nth-child(1) a:hover i{ background:url(../images/naz_1_a.gif) no-repeat;}
.pp_slam .pp_lms li:nth-child(2) a:hover i{background:url(../images/naz_2_a.gif) no-repeat;}
.pp_slam .pp_lms li:nth-child(3) a:hover i{background:url(../images/naz_3_a.gif) no-repeat;}
.pp_slam .pp_lms li:nth-child(4) a:hover i{background:url(../images/naz_4_a.gif) no-repeat;}
.pp_slam .pp_lms li:nth-child(5) a:hover i{background:url(../images/naz_5_a.gif) no-repeat;}
.pp_slam .pp_lms li span{ color:#333333; line-height:38px;}
.pp_slam .pp_lms li a:hover span{ color:#F00;}

.nav_boxPc{
	font-size: 0;
	margin: 0 auto;
}
.nav_boxPc>li{
	display: inline-block;
	vertical-align: top;
	text-align: center;
}
.nav_boxPc>li span{
	display: inline-block;
	font-size: 12px;
	color: #e9e9e9;
	font-weight: lighter;
	text-transform: uppercase;
}
.nav_boxPc .sub-nav{
	display: none;
	width: 100%;
	background: #619eef;
	padding: 12px 0;
	box-sizing: border-box;
	position: absolute;
	margin-top: 10px;
	z-index: 1;
}
.nav_boxPc .sub-nav:before{
	content: "";
	background: url(../img/sub-nav-arrow.png) no-repeat center 0;
	display: block;
	width: 100%;
	height: 10px;
	position: absolute;
    top: -10px;    
}
.nav_boxPc .sub-nav li{
	width: 100%;
}
.nav_boxPc .sub-nav li a{
	display: block !important;
	margin: 0 8px !important;
    font-size: 14px !important;
    margin: 0 8px !important;
    font-weight: normal !important;
    line-height: 36px !important;
    color: #fff;
}
.nav_boxPc .sub-nav li a:hover{
	background: #bf0006;
	color: #fff;
}*/


/*底部*/
.footer{
	background: #619eef;
	padding: 40px 0 20px 0;
	text-align: center;
}
.footer ul li {
	display: inline-block;
	border-right: 1px solid #fff;
}
.footer ul li:last-child{
	border: none;
}
.footer ul li a{
	color: #fff;
	padding: 0 20px;
}
.footer p{
	margin-top: 14px;
	color: #fff;
}

.s_bar{ width:100%; height:50px; background:#f2f2f2; position:fixed; bottom:0px; z-index:999; line-height:50px; color:#fff;}
.s_bar span{ display:inline-block; float:right; font-size:24px; font-weight:bold; color: #666;}
.s_bar span>img{vertical-align: middle; padding-right: 10px;}
.s_bar span a{ display:inline-block; float:right; position:relative; margin-top:-10px; margin-left:20px;}
.s_bar a{ color:#666; font-size:14px; padding-left:10px; padding-right:10px;}
.s_bar a:hover{ color:#F00;}

/*右侧悬浮*/
.right-flex {
    width: 58px;
    position: fixed;
    top: 66%;
    right: 0;
    z-index: 10;
    height: 403px;
    margin-top: -201px
}

.right-flex ul {
    width: 100%
}

.right-flex li {
    margin-bottom: 1px;
    position: relative;
    width: 58px;
    height: 60px;
    float: right;
    line-height: 60px;
    background: #619eef;
    transition: width .3s, background .3s, margin .3s
}

.right-flex li .ico {
    width: 58px;
    height: 60px;
    position: absolute;
    top: 0;
    right: 0;
    transition: right .3s
}

.right-flex li a {
    display: block;
    width: 100%;
    height: 100%
}

.right-flex li p {
    font-size: 15px;
    color: #fff;
    line-height: 60px;
    padding: 0 20px;
    transition: transform .3s
}

.right-flex li.one {
    width: 140px;
    margin-right: -82px
}

.right-flex li.one .ico,
.right-flex li.two .ico {
    left: 0
}

.right-flex li.one p,
.right-flex li.two p {
    padding: 0 20px 0 60px
}

.right-flex li.two {
    width: 200px;
    margin-right: -142px
}

.right-flex li .ico.ico00 {
    background: url(../img/a23.png) no-repeat center
}

.right-flex li .ico.ico01 {
    background: url(../img/a24.png) no-repeat center
}

.right-flex li .ico.ico02 {
    background: url(../img/a25.png) no-repeat center
}

.right-flex li .ico.ico03 {
    background: url(../img/a26.png) no-repeat center
}

.right-flex li .ico.ico04 {
    background: url(../img/a27.png) no-repeat center
}

.right-flex li .ico.ico05 {
    background: url(../img/a28.png) no-repeat center
}

.right-flex li .ico.ico06 {
    background: url(../img/a29.png) no-repeat center
}

.right-flex li .ico.ico07 {
    background: url(../img/a30.png) no-repeat center
}

.right-flex li .ico.ico08 {
    background: url(../img/a31.png) no-repeat center
}

.right-flex li:hover .ico,
.right-flex li.one:hover .ico,
.right-flex li.two:hover .ico {
    right: 0;
    left: auto
}
.right-flex li.one:hover {
    margin-right: 0;
    width: 250px
}
.right-flex li.two:hover {
    margin-right: 0;
    width: 250px
}
.right-flex li.one:hover p,
.right-flex li.two:hover p {
    padding: 0 20px
}
.product-contrast .product-hide:hover {
    color: #d9271b
}
.right-flex li:hover {
    background: #619eef;
}